<!DOCTYPE html>
<html><head>
		<meta charset="utf-8">
		<title>一顾倾人城</title>
		<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
		<meta name="keywords" content="前端知识 , CSS , javascript , jquery，PHP,web前端">
		<meta name="description" content=" 一顾倾人城。记录本人工作中遇到的问题，以及学习到的知识，总结和分享！">
		<script src="js/js.js" type="text/javascript"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
<!--PC端与移动端判定-->			
		<script type="text/javascript">
      //判断设备是否为手机
      !function () {
        var devices = ["iPhone","Android","Windows Phone"]
        var ua = window.navigator.userAgent
        for (var i = 0; i < devices.length; i++) {
            if (ua.indexOf(devices[i]) != -1) {
                window.location.href = 'mobile/index.html'
            }
        }
      }()
    </script>
<!--/*背景和整体CSS*/-->
		<style>
			body{margin: 0;padding: 0;width: 100%}
			html{background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);background-repeat: no-repeat;background-size:100% 100%;background-attachment: fixed;}
		</style>
		
<!--/*主体部分CSS*/-->
	<link rel="stylesheet" href="css/main.css" type="text/css">

<!--/*目录和LOGO部分*/-->
	<link rel="stylesheet" href="css/header.css" type="text/css">
			
<!--/*页脚部分css	*/-->
	<link rel="stylesheet" href="css/footer.css" type="text/css">
	
	</head>
	<body>

<!--导航栏与logo部分-->
	<header>
    <div class="navbar-container">
        <!-- 左边图标和logo -->
        <div class="navbar-left">
            <a href="index.html"><img src="images/logo.png" class="img1"></a>
            <h1 class="h1">陈嗯嗯试验基地</h1><br/>
            <span class="h2">Mr.uh Test Site</span>
            
        </div>
         <div class="navbar-morebox">
            <button class="more-btn">
            <img src="images/more.png" alt="">
            </button>
        </div>
        <!-- 导航菜单-->
        <ul class="navbar-list">
            <li class="navbar-item"><a href="/">首页</a></li>
            <li class="navbar-item"><a href="/Experiment" target="_blank">Experiment</a></li>
            <li class="navbar-item"><a href="/musicdomo" target="_blank">小domo</a></li>
            <li class="navbar-item"><a href="/personal" target="_blank">个人作品</a></li>
            <li class="navbar-item"><a href="/about" target="_blank">关于我</a></li>
        </ul>
        <!-- 搜索框 -->
        <div class="navbar-search">
        <form action="http://www.baidu.com/s" method="get">
            <input type="text" class="search" placeholder="百度一下，你就知道" name="w" >
            <button class="search-btn">
                <img src="images/search.png">
            </button>
        </form>
        </div>
        <!-- 更多按钮 -->
        <!--小屏幕显示 -->

    </div>
    <!-- 手机或平板屏幕显示 -->
    <ul class="small-list" id="small-list">
        <li class="small-item"><a href="/">首页</a></li>
        <li class="small-item"><a href="/Experiment">Experiment</a></li>
        <li class="small-item"><a href="/musicdomo">小domo</a></li>
        <li class="small-item"><a href="/personal">个人作品</a></li>
        <li class="small-item"><a href="/about">关于我</a></li>
        <li class="small-item">
        <form action="http://www.baidu.com/s" method="get">
            <input type="text" class="search" placeholder="百度一下，你就知道" name="w" >
            <button class="search-btn">
                <img src="images/search.png">
            </button>
        </form>
        </li>
    </ul>
	</header>
		
<!--主体部分-->
<main>
	<ul>
	<li><div><a href="domo/domo (1).html" target="_blank"><img src="images/MBE/image (1).gif"><br/><span>JQ导航栏</span></a></div></li>
	<li><div><a href="domo/domo (2).html" target="_blank"><img src="images/MBE/image (2).gif"><br/><span>页面点击生成文字</span></a></div></li>
	<li><div><a href="domo/domo (3).html" target="_blank"><img src="images/MBE/image (3).gif"><br/><span>canvas时钟</span></a></div></li>
	<li><div><a href="domo/domo (4).html" target="_blank"><img src="images/MBE/image (4).gif"><br/><span>文字流光</span></a></div></li>
	<li><div><a href="domo/domo (5).html" target="_blank"><img src="images/MBE/image (5).gif"><br/><span>3D旋转效果</span></a></div></li>
	<li><div><a href="domo/domo (6).html" target="_blank"><img src="images/MBE/image (6).gif"><br/><span>五星好评</span></a></div></li>
	<li><div><a href="domo/domo (7).html" target="_blank"><img src="images/MBE/image (7).gif"><br/><span>旋转骰子</span></a></div></li>
	<li><div><a href="domo/domo (8).html" target="_blank"><img src="images/MBE/image (8).gif"><br/><span>换图</span></a></div></li>
	<li><div><a href="domo/domo (9).html" target="_blank"><img src="images/MBE/image (9).gif"><br/><span>CSS旋转立方体</span></a></div></li>
	<li><div><a href="domo/domo (10).html" target="_blank"><img src="images/MBE/image (10).gif"><br/><span>弹窗效果</span></a></div></li>
	<li><div><a href="domo/domo (11).html" target="_blank"><img src="images/MBE/image (11).gif"><br/><span>阴影效果</span></a></div></li>
	<li><div><a href="domo/domo (12).html" target="_blank"><img src="images/MBE/image (12).gif"><br/><span>图片上传</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (13).html" target="_blank"><img src="images/MBE/image (13).gif"><br/><span>canvas下雨</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (14).html" target="_blank"><img src="images/MBE/image (14).gif"><br/><span>鼠标滑过边框效果</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (15).html" target="_blank"><img src="images/MBE/image (15).gif"><br/><span>多种CSS鼠标悬停</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (16).html" target="_blank"><img src="images/MBE/image (16).gif"><br/><span>鼠标随动效果</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (17).html" target="_blank"><img src="images/MBE/image (17).gif"><br/><span>canvas时钟</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (18).html" target="_blank"><img src="images/MBE/image (18).gif"><br/><span>日历组件JS</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (19).html" target="_blank"><img src="images/MBE/image (19).gif"><br/><span>滚动时钟效果</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (20).html" target="_blank"><img src="images/MBE/image (20).gif"><br/><span>数字雨</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (21).html" target="_blank"><img src="images/MBE/image (21).gif"><br/><span>MAC OS效果</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (22).html" target="_blank"><img src="images/MBE/image (22).gif"><br/><span>文字滚动效果</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (23).html" target="_blank"><img src="images/MBE/image (23).gif"><br/><span>文字特效雨</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (24).html" target="_blank"><img src="images/MBE/image (24).gif"><br/><span>模态窗口</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (25).html" target="_blank"><img src="images/MBE/image (25).gif"><br/><span>星空特效</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (26).html" target="_blank"><img src="images/MBE/image (26).gif"><br/><span>炫酷粒子背景</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (27).html" target="_blank"><img src="images/MBE/image (27).gif"><br/><span>炫酷鼠标移动特效</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (28).html" target="_blank"><img src="images/MBE/image (28).gif"><br/><span>JQ网页tab切换</span></a></div></li>
	<li><div><a href="domo/domo (29).html" target="_blank"><img src="images/MBE/image (29).gif"><br/><span>JQ表单验证</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="</span>domo/domo (30).html" target="_blank"><img src="images/MBE/image (30).gif"><br/><span>JQ内容滚动判断</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (31).html" target="_blank"><img src="images/MBE/image (31).gif"><br/><span>返回顶部</span></a></div></li>
	<li><div style="line-height: 32px;"><a href="domo/domo (32).html" target="_blank"><img src="images/MBE/image (32).gif"><br/><span>JQ立方体</span></a></div></li>
	<li><div style="line-height: 25px;"><a href="domo/domo (33).html" target="_blank"><img src="images/MBE/image (33).gif"><br/><span>JQ时钟</span></a></div></li>
	<li><div><a href="domo/domo (34).html" target="_blank"><img src="images/MBE/image (34).gif"><br/><span>JQ伪分页效果</span></a></div></li>
	<li><div><a href="domo/domo (35).html" target="_blank"><img src="images/MBE/image (35).gif"><br/><span>JQ广告浮游效果</span></a></div></li>
	<li><div><a href="domo/domo (36).html" target="_blank"><img src="images/MBE/image (36).gif"><br/><span>svg时钟</span></a></div></li>
	<li><div><a href="domo/domo (37).html" target="_blank"><img src="images/MBE/image (37).gif"><br/><span>变色方块</span></a></div></li>
	<li><div><a href="domo/domo (38).html" target="_blank"><img src="images/MBE/image (38).gif"><br/><span>步骤条功能实现</span></a></div></li>
	<li><div><a href="domo/domo (39).html" target="_blank"><img src="images/MBE/image (39).gif"><br/><span>JQ井字棋</span></a></div></li>
	<li><div><a href="domo/domo (40).html" target="_blank"><img src="images/MBE/image (40).gif"><br/><span>垂直轮播图</span></a></div></li>
	<li><div><a href="domo/domo (41).html" target="_blank"><img src="images/MBE/image (41).gif"><br/><span>弹出全屏菜单</span></a></div></li>
	<li><div><a href="domo/domo (42).html" target="_blank"><img src="images/MBE/image (42).gif"><br/><span>倒计时限时</span></a></div></li>
	<li><div><a href="domo/domo (43).html" target="_blank"><img src="images/MBE/image (43).gif"><br/><span>无缝轮播图</span></a></div></li>
	<li><div><a href="domo/domo (44).html" target="_blank"><img src="images/MBE/image (44).gif"><br/><span>点名表</span></a></div></li>
	<li><div><a href="domo/domo (45).html" target="_blank"><img src="images/MBE/image (45).gif"><br/><span>html5多图上传预览</span></a></div></li>
	<li><div><a href="domo/domo (46).html" target="_blank"><img src="images/MBE/image (46).gif"><br/><span>番茄时钟</span></a></div></li>
	<li><div><a href="domo/domo (47).html" target="_blank"><img src="images/MBE/image (47).gif"><br/><span>时间环形图</span></a></div></li>
	<li><div><a href="domo/domo (48).html" target="_blank"><img src="images/MBE/image (48).gif"><br/><span>JS环形进度条</span></a></div></li>
	<li><div><a href="domo/domo (49).html" target="_blank"><img src="images/MBE/image (49).gif"><br/><span>镂空效果</span></a></div></li>
	<li><div><a href="domo/domo (50).html" target="_blank"><img src="images/MBE/image (50).gif"><br/><span>计算器</span></a></div></li>
	</ul>
</main>	
		

		
<!--页脚部分-->
		<footer><div class="footer">
		<a href="index.html">Home</a> | <a href="#">Terms of Use</a> | <a href="#">FAQs</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a><br />
        Copyright © 2019 <a href="#"> cth1688 </a> | Designed by <a href="index.html" target="_blank">www.cth1688.cn</a>
		</div></footer>
		
	</body>
</html>
